<template>
	<view>
		<h-header></h-header>
		<banner :imglist="imglist"></banner>
		<u-search @tap="gopage('/pages/user/search')" shape="square" height="70" color="#909399" margin="30rpx"
			:disabled="true" :show-action="false"></u-search>
		<u-grid :col="3" :border="false">
			<u-grid-item @tap="gopage('/pages/book/ranking')">
				<u-icon name="/static/image/ranking.png" :size="64"></u-icon>
				<view class="u-font-13 u-light-color">排行</view>
			</u-grid-item>
			<u-grid-item @tap="gopage('/pages/book/stop')">
				<u-icon name="/static/image/end.png" :size="64"></u-icon>
				<view class="u-font-13 u-light-color">完结</view>
			</u-grid-item>
			<u-grid-item @tap="gopage('/pages/book/newest')">
				<u-icon name="/static/image/book.png" :size="64"></u-icon>
				<view class="u-font-13 u-light-color">新书</view>
			</u-grid-item>
		</u-grid>
		<transverse-list :book="book1"></transverse-list>
		<transverse-list :book="book0"></transverse-list>
		<vertical-list :book="book"  ></vertical-list>
		<u-tabbar v-model="vuex_current" :activeColor="vuex_activeColor" :list="vuex_tabbar"></u-tabbar>
	</view>
</template>

<script> 
	export default { 
		data() {
			return {
				imglist: [{
						"title": "",
						"url": "/static/delimg/banner2.jpg"
					},
					{
						"title": "",
						"url": "/static/delimg/banner1.jpg"
					},
					{
						"title": "",
						"url": "/static/delimg/banner3.jpg"
					},
				],
				book0: {
					tit: "限时免费",

					subTit: "",
					more: true,
					time: "2024-09-30",

					ranking: false,
					currNav: 0,
					nav: [{
						value: 0,
						label: ""
					}],
					list: [{
							"name": "仙武帝尊",
							"url": "/static/delimg/180.jpg",
							"author": "作者"
						},{
							"name": "仙武帝尊",
							"url": "/static/delimg/1.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/2.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/3.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/4.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/11.jpg",
							"author": "作者"
						}
					]
				},
				book1: {
					tit: "排行榜",

					subTit: "",
					more: true,
					time: "",

					ranking: true,
					currNav: 0,
					nav: [{
						value: 0,
						label: "热销榜"
					}, {
						value: 1,
						label: "风云榜"
					}],
					list: [{
							"name": "仙武帝尊",
							"url": "/static/delimg/1.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/2.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/3.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/4.jpg",
							"author": "作者"
						},
						{
							"name": "仙武帝尊",
							"url": "/static/delimg/11.jpg",
							"author": "作者"
						}
					]
				},
				book: {
					showHead: true,
					tit: "新书抢先",

					subTit: "24小时热销新书",

					more: true,
					list: [{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/180.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						},
						{
								"name": "仙武帝尊",
								"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
								"url": "/static/delimg/1.jpg",
								"author": "作者",
								"state": "连载",
								"number": "12万字",
								"label": "玄幻"
							},
						{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/2.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						},
						{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/3.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						},
						{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/4.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						}, {
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/11.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						},
						{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/12.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						},
						{
							"name": "仙武帝尊",
							"desc": "九千年前，仙武帝尊率领百万神将打入太古洪荒，却无一人归来，只有一缕真火遗留世间。九千年后，门派废徒叶辰，被赶出宗门，无以为家，机缘巧合之下偶得真火，再踏仙武之路。这是一个神魔仙佛并立的世界，这是一个诸天万域混乱的年代，叶辰的逆天征途，由此开始。",
							"url": "/static/delimg/13.jpg",
							"author": "作者",
							"state": "连载",
							"number": "12万字",
							"label": "玄幻"
						}
					]
				}
			}
		},
		methods: {
			gopage: function(url) {
				console.log(url);
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style >

</style>